<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>系统首页</title>
    <!-- 避免IE使用兼容模式 -->
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link th:href="@{/favicon.ico}" rel="stylesheet"/>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/jquery.contextMenu.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/animate.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
    <link th:href="@{/css/skins.css}" rel="stylesheet"/>
    <link th:href="@{/custom/css/cust-ui.css?v=4.2.0}" rel="stylesheet"/>
	<!--[if IE 8]>
	<link th:href="@{/css/ieStyle.css}" rel="stylesheet"/>
	<style>
	.navbar-header{float:left;}
	.navbar-right{float:right;}
	</style>
    <script th:src="@{/js/html5.min.js}"></script>
    <script th:src="@{/js/html5shiv.min.js}"></script>
    <script th:src="@{/js/respond.min.js}"></script>
    <![endif]-->
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden">
<div id="wrapper">

    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close">
            <i class="fa fa-times-circle"></i>
        </div>
        <a th:href="@{/page/main}">
            <li class="logo hidden-xs">
                <span class="logo-lg">银雁科技</span> 
            </li>
         </a>
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
            	<li>
            		<div class="user-panel">
            			<a class="menuItem" title="个人中心" th:href="@{/admin/user/goProfile}"> 
            				<div class="hide" th:text="个人中心"></div>
					        <div class="pull-left image">
		                    	<img th:src="${#strings.isEmpty(user.avatar)} ? @{/img/user_w.jpeg} : @{${user.avatar}}" onerror="onerror=null;src='/center/img/user_w.jpeg'" class="img-circle" alt="User Image">
					        </div>
				        </a>
				        <div class="pull-left info">
				          <p>[[${session.CURRENT_USERNAME}]]</p>
				          <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
				          <a th:href="@{/logout}" style="padding-left:5px;"><i class="fa fa-sign-out text-danger"></i> 注销</a>
				        </div>
				    </div>
            	</li>
                <li>
                    <a href="#"><i class="fa fa-home"></i> <span class="nav-label">主页</span> <span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a class="menuItem" th:href="@{/page/dashboard}">DashBoard</a></li>
                    </ul>
                </li>
                <li th:each="menu : ${menus}">
                	<a th:class="@{${menu.path != '' && menu.path != '#'} ? ''}" th:href="@{${menu.path == ''} ? |#| : ${menu.path}}">
                		<i class="fa fa-bar-chart-o" th:class="${menu.icon}"></i>
                    	<span class="nav-label" th:text="${menu.name}">一级菜单</span> 
                    	<span th:class="${menu.path == '' || menu.path == '#' || menu.parentId == -1} ? |fa arrow|"></span>
                	</a>
                    <ul class="nav nav-second-level collapse">
						<li th:each="cmenu : ${menu.children}">
							<a th:if="${#lists.isEmpty(cmenu.children)}" th:class="|menuItem|" th:utext="${cmenu.name}" th:href="@{${cmenu.path}}" th:data-path="${cmenu.path}" th:data-icon="${cmenu.icon}" >二级菜单</a>
							<a th:if="${not #lists.isEmpty(cmenu.children)}" href="#" >[[${cmenu.name}]]<span class="fa arrow"></span></a>
							<ul th:if="${not #lists.isEmpty(cmenu.children)}" class="nav nav-third-level">
								<li th:each="emenu : ${cmenu.children}">
								    <a th:if="${#lists.isEmpty(emenu.children)}" th:class="|menuItem|" th:text="${emenu.name}" th:href="@{${emenu.path}}" th:data-path="${emenu.path}" th:data-icon="${emenu.icon}">三级菜单</a>
								    <a th:if="${not #lists.isEmpty(emenu.children)}" href="#">[[${emenu.name}]]<span class="fa arrow"></span></a>
								    <ul th:if="${not #lists.isEmpty(emenu.children)}" class="nav nav-four-level">
								      	<li th:each="fmenu : ${emenu.children}"><a th:if="${#lists.isEmpty(fmenu.children)}" th:class="|menuItem|" th:text="${fmenu.name}" th:href="@{${fmenu.path}}" th:data-path="${fmenu.path}" th:data-icon="${fmenu.icon}">四级菜单</a></li>
								    </ul>
								</li>
							</ul>
						</li>
					</ul>
                </li>
            </ul>
        </div>
    </nav>
    <!--左侧导航结束-->
    
    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2" style="color:#FFF;" href="#" title="收起菜单">
                    	<i class="fa fa-bars"></i>
                    </a>
                </div>
                <ul class="nav navbar-top-links navbar-right welcome-message">                   
	                <li><a title="全屏显示" href="javascript:void(0)" id="fullScreen"><i class="fa fa-arrows-alt"></i> 全屏显示</a></li>
	                <li class="my-message">
		                <a title="我的消息" th:href="@{/msg/messages/goMessageMyList}" class="menuItem">
		                	<i class="fa fa-bell"><i style="display:none">我的消息</i> </i>
		                </a>
		                <span class="badge badge-self" id="number"></span>
	                </li>
                    <li class="dropdown user-menu">
						<a href="javascript:void(0)" class="dropdown-toggle" data-hover="dropdown">
							<img th:src="${#strings.isEmpty(user.avatar)} ? @{/img/user_w.jpeg} : @{${user.avatar}}" onerror="onerror=null;src='/center/img/user_w.jpeg'" class="user-image">
							<span class="hidden-xs">[[${session.CURRENT_USERNAME}]]</span>
						</a>
						<ul class="dropdown-menu dropdown-menu-ie">
							<li class="mt5">
								<a th:href="@{/admin/user/goProfile}" class="menuItem">
								<i class="fa fa-user"></i> 个人中心</a>
							</li>
							<!-- <li>
								<a th:href="@{/msg/messages/goMessageMyList}" class="menuItem">
								<i class="fa fa-bell"></i> 我的消息 <span class="badge" id="number"></span></a>
							</li> -->
							<li>
								<a onclick="resetPwd()">
								<i class="fa fa-key"></i> 修改密码</a>
							</li>
							<li>
								<a onclick="switchSkin()">
								<i class="fa fa-dashboard"></i> 切换主题</a>
							</li>
							<li class="divider"></li>
							<li>
								<a th:href="@{/logout}">
								<i class="fa fa-sign-out"></i> 退出登录</a>
							</li>
						</ul>
					</li>
                </ul>
            </nav>
        </div>
        <div class="row content-tabs">
            <button class="roll-nav roll-left tabLeft">
                <i class="fa fa-backward"></i>
            </button>
            <nav class="page-tabs menuTabs">
                <div class="page-tabs-content">
                    <a href="javascript:;" class="active menuTab" th:data-id="@{/page/dashboard}">首页</a>
                </div>
            </nav>
            <button class="roll-nav roll-right tabRight">
                <i class="fa fa-forward"></i>
            </button>
            <a href="javascript:void(0);" class="roll-nav roll-right tabReload"><i class="fa fa-refresh"></i> 刷新</a>
        </div>
        
        <a id="ax_close_max" class="ax_close_max" href="#" title="关闭全屏"> <i class="fa fa-times-circle-o"></i> </a>
                    
        <div class="row mainContent" id="content-main">
            <iframe class="RuoYi_iframe" name="iframe0" width="100%" height="100%" th:data-id="@{/page/dashboard}"
                    th:src="@{/page/dashboard}" frameborder="0" seamless></iframe>
        </div>
        <div class="footer">
            <div class="pull-right"> 银雁 &copy; 版权所有  粤ICP备08015738号. </div>
        </div>
    </div>
    <!--右侧部分结束-->
    
    <!--websocket右下角弹窗-->
   <!--  <div>
    	<div id="websocketContent"></div>
    </div> -->
    <!--websocket右下角弹窗结束-->
</div>
<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
<script th:src="@{/js/jquery.contextMenu.min.js}"></script>
<script th:src="@{/js/ieCompatible.js}"></script>
<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script th:src="@{/custom/js/cust-ui.js?v=4.2.0}"></script>
<script th:src="@{/custom/js/common.js?v=4.2.0}"></script>
<!--[if !IE 8]><!-->
<script th:src="@{/js/sockjs.min.js}"></script>
<script th:src="@{/js/stomp.js}"></script>
<!--<![endif]-->
<script th:src="@{/pages/home/main.js}"></script>
<script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>

<script th:inline="javascript">
var ctx = [[@{/}]];
// 皮肤缓存
var skin = storage.get("skin");
// history（表示去掉地址的#）否则地址以"#"形式展示
var mode = "history";
// 历史访问路径缓存
var historyPath = storage.get("historyPath");

// 本地主题优先，未设置取系统配置
if($.common.isNotEmpty(skin)){
	$("body").addClass(skin.split('|')[0]);
	$("body").addClass(skin.split('|')[1]);
} else {
	$("body").addClass('theme-dark');
	$("body").addClass('skin-blue');
}

/* 用户管理-重置密码 */
function resetPwd() {
    var url = ctx + 'page/goModifyPwd';
    $.modal.open("重置密码", url, '770', '380');
}
/* 切换主题 */
function switchSkin() {
    layer.open({
		type : 2,
		shadeClose : true,
		title : "切换主题",
		area : ["530px", "386px"],
		content : [ctx + "switchSkin", 'no']
	})
}

/** 刷新时访问路径页签 */
function applyPath(url) {
	$('a[href$="' + decodeURI(url) + '"]').click();
    $('a[href$="' + url + '"]').parent("li").addClass("selected").parents("li :not(.user-panel)").addClass("active").end().parents("ul").addClass("in");
}

$(function() {
	if($.common.equals("history", mode) && window.performance.navigation.type == 1) {
		var url = storage.get('publicPath');
	    if ($.common.isNotEmpty(url)) {
	    	applyPath(url);
	    }
	} else {
		var hash = location.hash;
	    if ($.common.isNotEmpty(hash)) {
	        var url = hash.substring(1, hash.length);
	        applyPath(url);
	    }
	}
	
	//ie8 给#content-main赋值高度
	var userAgent = navigator.userAgent;
	var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; 
	if(isIE) {
        var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
        reIE.test(userAgent);
        var fIEVersion = parseFloat(RegExp["$1"]);
        if(fIEVersion == 8) {
        	var windowHeight = document.documentElement.clientHeight
        	$("#content-main").height(windowHeight-127)
        } 
    }
	
});
</script>
</body>
</html>